﻿@inject IViewLocalizer Localizer
@inject IOptions<GeneralSettings>  GeneralSettingsWrapper

@{
    var generalSettings = GeneralSettingsWrapper.Value;
    var subject = ViewData["Subject"];
    var lang = CultureInfo.CurrentUICulture.TwoLetterISOLanguageName;
    var langSuffix = (lang == "el") ? ".el" : string.Empty;
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>@generalSettings.Organization | @subject</title>
    <style type="text/css">
        html {
            -webkit-text-size-adjust: none;
            -ms-text-size-adjust: none;
        }

        a {
            color: #203A43;
        }

        @@media only screen and (min-device-width: 750px) {
            .table750 {
                width: 750px !important;
            }
        }

        @@media only screen and (max-device-width: 750px), only screen and (max-width: 750px) {
            table[class="table750"] {
                width: 100% !important;
            }

            .mob_b {
                width: 93% !important;
                max-width: 93% !important;
                min-width: 93% !important;
            }

            .mob_b1 {
                width: 100% !important;
                max-width: 100% !important;
                min-width: 100% !important;
            }

            .mob_left {
                text-align: left !important;
            }

            .mob_soc {
                width: 50% !important;
                max-width: 50% !important;
                min-width: 50% !important;
            }

            .mob_menu {
                width: 50% !important;
                max-width: 50% !important;
                min-width: 50% !important;
                box-shadow: inset -1px -1px 0 0 rgba(255, 255, 255, 0.2);
            }

            .mob_center {
                text-align: center !important;
            }

            .top_pad {
                height: 15px !important;
                max-height: 15px !important;
                min-height: 15px !important;
            }

            .mob_pad {
                width: 15px !important;
                max-width: 15px !important;
                min-width: 15px !important;
            }

            .mob_div {
                display: block !important;
            }
        }

        @@media only screen and (max-device-width: 550px), only screen and (max-width: 550px) {
            .mod_div {
                display: block !important;
            }
        }

        .table750 {
            width: 750px;
        }
    </style>
</head>
<body style="margin: 0; padding: 0;">
    <center span class="pre-header" style="display:none; font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; font-size: 10px; color:#595959;">
        @RenderSection("preheader", required: false)
    </center>
    <!--Outer table wrapper-->
    <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background: #f3f3f3; min-width: 350px; font-size: 1px; line-height: normal;">
        <tr>
            <td align="center" valign="top">
                <!--[if (gte mso 9)|(IE)]>
                <table border="0" cellspacing="0" cellpadding="0">
                <tr><td align="center" valign="top" width="750"><![endif]-->
                <table cellpadding="0" cellspacing="0" border="0" width="750" class="table750" style="width: 100%; max-width: 750px; min-width: 350px; background: #f3f3f3;">
                    <tr>
                        <td class="mob_pad" width="25" style="width: 25px; max-width: 25px; min-width: 25px;">&nbsp;</td>
                        <td align="center" valign="top" style="background: #ffffff;">
                            <!--Top table margin-->
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="width: 100% !important; min-width: 100%; max-width: 100%; background: #f3f3f3;">
                                <tr>
                                    <td align="right" valign="top">
                                        <div class="top_pad" style="height: 25px; line-height: 25px; font-size: 23px;">&nbsp;</div>
                                    </td>
                                </tr>
                            </table>
                            <table cellpadding="0" cellspacing="0" border="0" width="88%" style="width: 88% !important; min-width: 88%; max-width: 88%;">
                                <tr>
                                    <td align="left" valign="top">
                                        <div style="height: 39px; line-height: 39px; font-size: 37px;">&nbsp;</div>
                                        <a href="#" target="_blank" style="display: block; max-width: 128px;">
                                            <img src="@generalSettings.Authority/img/logo@(langSuffix).png" alt="@generalSettings.Organization Logo" width="128" border="0" style="display: block; width: 128px;" />
                                        </a>
                                        <div style="height: 73px; line-height: 73px; font-size: 71px;">&nbsp;</div>
                                    </td>
                                </tr>
                            </table>
                            <table cellpadding="0" cellspacing="0" border="0" width="88%" style="width: 88% !important; min-width: 88%; max-width: 88%;">
                                @RenderBody()
                            </table>
                            <table cellpadding="0" cellspacing="0" border="0" width="90%" style="width: 90% !important; min-width: 90%; max-width: 90%; border-width: 1px; border-style: solid; border-color: #e8e8e8; border-bottom: none; border-left: none; border-right: none;">
                                <tr>
                                    <td align="left" valign="top">
                                        <div style="height: 15px; line-height: 15px; font-size: 13px;">&nbsp;</div>
                                    </td>
                                </tr>
                            </table>
                            <table cellpadding="0" cellspacing="0" border="0" width="88%" style="width: 88% !important; min-width: 88%; max-width: 88%;">
                                <tr>
                                    <td align="center" valign="top">
                                        <!--[if (gte mso 9)|(IE)]>
                                        <table border="0" cellspacing="0" cellpadding="0">
                                        <tr><td align="center" valign="top" width="50"><![endif]-->
                                        <div style="display: inline-block; vertical-align: top; width: 50px;">
                                            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="width: 100% !important; min-width: 100%; max-width: 100%;">
                                                <tr>
                                                    <td align="center" valign="top">
                                                        <div style="height: 13px; line-height: 13px; font-size: 11px;">&nbsp;</div>
                                                        <div style="display: block; max-width: 50px;">
                                                            <img src="@generalSettings.Authority/img/icon.png" alt="img" width="50" border="0" style="display: block; width: 50px;" />
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div><!--[if (gte mso 9)|(IE)]></td><td align="left" valign="top" width="390"><![endif]-->
                                        <div class="mob_div" style="display: inline-block; vertical-align: top; width: 62%; min-width: 260px;">
                                            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="width: 100% !important; min-width: 100%; max-width: 100%;">
                                                <tr>
                                                    <td width="18" style="width: 18px; max-width: 18px; min-width: 18px;">&nbsp;</td>
                                                    <td class="mob_center" align="left" valign="top">
                                                        <div style="height: 13px; line-height: 13px; font-size: 11px;">&nbsp;</div>
                                                        <font face="'Century Gothic', sans-serif" color="#000000" style="font-size: 17px; line-height: 21px; font-weight: 600;">
                                                            <span style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #000000; font-size: 17px; line-height: 21px; font-weight: 600;">@Localizer[generalSettings.Organization]</span>
                                                        </font>
                                                        <div style="height: 1px; line-height: 1px; font-size: 1px;">&nbsp;</div>
                                                        <font face="'Century Gothic', sans-serif" color="#7f7f7f" style="font-size: 17px; line-height: 21px;">
                                                            <span style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #7f7f7f; font-size: 17px; line-height: 21px;">@Localizer[generalSettings.OrganizationAddress]</span>
                                                        </font>
                                                    </td>
                                                    <td width="18" style="width: 18px; max-width: 18px; min-width: 18px;">&nbsp;</td>
                                                </tr>
                                            </table>
                                        </div>
                                        <!--[if (gte mso 9)|(IE)]></td><td align="left" valign="top" width="177"><![endif]-->
                                        <!--[if (gte mso 9)|(IE)]>
                                        </td></tr>
                                        </table><![endif]-->
                                        <div style="height: 20px; line-height: 20px; font-size: 18px;">&nbsp;</div>
                                    </td>
                                </tr>
                            </table>
                            <div style="height: 0px; line-height: 0px; font-size: 0px; background-color:#f3f3f3">&nbsp;</div>
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="min-width: 300px; background-color: #203A43;">
                                <tr>
                                    <td align="right" valign="middle" width="23%" style="height:40px">
                                        <a href="@generalSettings.Authority/privacy" target="_blank" style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #1a1a1a; font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; font-weight: bold;">
                                            <font face="'Century Gothic', sans-serif" color="#1a1a1a" style="font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; font-weight: bold;">
                                                <span style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: white; font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; font-weight: bold;">@Localizer["Privacy"]</span>
                                            </font>
                                        </a>
                                    </td>
                                    <td align="right" valign="middle" width="5%" style="height:40px">
                                        <font face="'Century Gothic', sans-serif" color="#1a1a1a" style="font-size: 12px; line-height: 12px; font-weight: bold;">
                                            <span style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: white; font-size: 12px; line-height: 12px; font-weight: bold;">&bull;</span>
                                        </font>
                                    </td>
                                    <td align="center" valign="middle" width="18%" style="height:40px">
                                        <a href="@generalSettings.Authority/terms" target="_blank" style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #1a1a1a; font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; font-weight: bold;">
                                            <font face="'Century Gothic', sans-serif" color="#1a1a1a" style="font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; font-weight: bold;">
                                                <span style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: white; font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; font-weight: bold;">@Localizer["Terms"]</span>
                                            </font>
                                        </a>
                                    </td>
                                    <td align="left" valign="middle" width="5%" style="height:40px">
                                        <font face="'Century Gothic', sans-serif" color="#1a1a1a" style="font-size: 12px; line-height: 12px; font-weight: bold;">
                                            <span style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: white; font-size: 12px; line-height: 12px; font-weight: bold;">&bull;</span>
                                        </font>
                                    </td>
                                    <td align="left" valign="middle" width="23%" style="height:40px">
                                        <a href="@generalSettings.Authority/cookie-policy" target="_blank" style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #1a1a1a; font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; font-weight: bold;">
                                            <font face="'Century Gothic', sans-serif" color="#1a1a1a" style="font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; font-weight: bold;">
                                                <span style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: white; font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; font-weight: bold;">@Localizer["Cookie Policy"]</span>
                                            </font>
                                        </a>
                                    </td>
                                </tr>
                            </table>
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="width: 100% !important; min-width: 100%; max-width: 100%; background: #f3f3f3;">
                                <tr>
                                    <td align="center" valign="top">
                                        <div style="height: 34px; line-height: 34px; font-size: 22px;">&nbsp;</div>
                                        <table cellpadding="0" cellspacing="0" border="0" width="88%" style="width: 88% !important; min-width: 88%; max-width: 88%;">
                                            <tr>
                                                <td align="center" valign="top">
                                                    @{
                                                        var copyYear = 2019;
                                                    }
                                                    <font face="'Century Gothic', sans-serif" color="#868686" style="font-size: 12px; line-height: 20px;">
                                                        <span style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #868686; font-size: 12px; line-height: 20px; background-color:#f3f3f3">Copyright &copy; @copyYear @(DateTime.Today.Year > copyYear ? $" - {DateTime.Today.Year}" : string.Empty) @Localizer[generalSettings.Organization].</span>
                                                    </font>
                                                    <div style="height: 3px; line-height: 3px; font-size: 1px;">&nbsp;</div>
                                                    <font face="'Century Gothic', sans-serif" color="#1a1a1a" style="font-size: 10px; line-height: 20px;">
                                                        <span style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #1a1a1a; font-size: 12px; line-height: 20px; background-color:#f3f3f3">
                                                            <a href="mailto:info@chaniabank.gr" target="_blank" style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #1a1a1a; font-size: 12px; line-height: 20px; text-decoration: none;">info@chaniabank.gr</a> &nbsp;&nbsp;|&nbsp;&nbsp;
                                                            <a href="tel:2821025500" target="_blank" style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #1a1a1a; font-size: 12px; line-height: 20px; text-decoration: none;">2821025500</a>
                                                            <!--&nbsp;&nbsp;|&nbsp;&nbsp;
                                                            <a href="#" target="_blank" style="font-family: 'Century Gothic', Arial, sans-serif ,Helvetica, Arial, sans-serif; color: #1a1a1a; font-size: 12px; line-height: 20px; text-decoration: none;">Unsubscribe</a>-->
                                                        </span>
                                                    </font>
                                                    <div style="height: 35px; line-height: 35px; font-size: 33px; background-color:#f3f3f3">&nbsp;</div>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td class="mob_pad" width="25" style="width: 25px; max-width: 25px; min-width: 25px;">&nbsp;</td>
                    </tr>
                </table>
                <!--[if (gte mso 9)|(IE)]>
                </td></tr>
                </table><![endif]-->
            </td>
        </tr>
    </table>
</body>
</html>
